<template>
    <div>
        <button @click="login">登录</button>
    </div>
</template>

<script>
export default {
    methods:{
        login(){
            //调用登录api，登录成功，将用户信息存放到本地缓存
            var userinfo = {
                id:'123456789',
                headimg:'http:https://gitee.com/static/images/logo-black.svg?t=158106664',
                name:'lcg',
                age:18
            }

            //将用户信息放到本地缓存中（本地缓存的格式是key-value)
            //如果值是json，需要将它转换为json字符串
            localStorage.setItem('ph5userinfo', JSON.stringify(userinfo))

            //登录成功，跳转到个人中心首页
            this.$router.push('/')
        }
    }
}
</script>